<%--
  Created by IntelliJ IDEA.
  User: chenpengcheng
  Date: 2021/5/7
  Time: 19:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>食品发布</title>
</head>
<!-- 引入 layui.css -->
<link rel="stylesheet" href="//unpkg.com/layui@2.6.7/dist/css/layui.css">

<!-- 引入 layui.js -->
<script src="//unpkg.com/layui@2.6.7/dist/layui.js"></script>
<style>
    .main {
        border: solid 1px red;
        margin: 0 auto;
        width: 800px;
        height: 100%;

    }
</style>
<body>
<form action="<%=request.getContextPath()%>/MenuDetails/create" style="text-align: center;margin-top: 10%;" method="post">
<div class="main">
    <ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px"
         data-ad-client="ca-pub-6111334333458862" data-ad-slot="3820120620"></ins>

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
        <legend style="font-size: 60px;">食谱发布</legend>
    </fieldset>
    <br>
        <div class="layui-form-item">
            <div class="layui-form-item">
                <label class="layui-form-label" style="font-size: 20px;">标题</label>
                <div class="layui-input-inline" style="width: 70px;">
                    <select name="original">

                        <option value="原创" selected="">原创</option>
                        <option value="原创">1</option>
                        <option value="原创">2</option>
                        <option value="原创">3</option>
                        <option value="原创">1</option>
                    </select>
                </div>
                <div class="layui-input-inline">
                    <input type="tel" name="name" placeholder="请输入菜谱名称" lay-verify="required|phone" autocomplete="off"
                           class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-form-item">
                <label class="layui-form-label" style="font-size: 20px;">属性</label>
                <div class="layui-input-inline" style="width: 90px;">
                    <select name="technology">
                        <option value="原创" selected="">工艺</option>
                        <option value="原创">1</option>
                        <option value="原创">2</option>
                        <option value="原创">3</option>
                        <option value="原创">1</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="width: 90px;">
                    <select name="flavor">
                        <option value="原创" selected="">口味</option>
                        <option value="原创">1</option>
                        <option value="原创">2</option>
                        <option value="原创">3</option>
                        <option value="原创">1</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="width: 90px;">
                    <select name="difficulty">
                        <option value="原创" selected="">难度</option>
                        <option value="原创">1</option>
                        <option value="原创">2</option>
                        <option value="原创">3</option>
                        <option value="原创">1</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="width: 90px;">
                    <select name="preparationtime">
                        <option value="原创" selected="">准备时间</option>
                        <option value="原创">1</option>
                        <option value="原创">2</option>
                        <option value="原创">3</option>
                        <option value="原创">1</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="width: 90px;">
                    <select name="time">
                        <option value="原创" selected="">烹饪时间</option>
                        <option value="原创">1</option>
                        <option value="原创">2</option>
                        <option value="原创">3</option>
                        <option value="原创">1</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="width: 90px;">
                    <select name="number">
                        <option value="原创" selected="">人数</option>
                        <option value="原创">1</option>
                        <option value="原创">2</option>
                        <option value="原创">3</option>
                        <option value="原创">1</option>
                    </select>
                </div>

            </div>
        </div>

        <div class="layui-upload" style="margin-left: 55px;">
            <div style="font-size: 20px;">成品图片</div>
            <button type="button" class="layui-btn" id="test1" name="image" style="margin-top: 20px;">上传图片</button>
            <div class="layui-upload-list">
                <img class="layui-upload-img" id="demo1">
                <p id="demoText"></p>
            </div>
            <div class="layui-input-inline">
                <input type="tel" name="content" placeholder="做菜心得" lay-verify="required|phone" autocomplete="off"
                       class="layui-input">
            </div>
            <div style="width: 95px;">
                <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
                    <div class="layui-progress-bar" lay-percent=""></div>
                </div>
            </div>
        </div>
        <br>
        <div style="text-align: center;">
            <div class="layui-input-inline">
                <input type="tel" name="" placeholder="请输入菜名称" lay-verify="required|phone" autocomplete="off"
                       class="layui-input">
            </div>
            <div class="layui-input-inline" style="width: 100px;">
                <input type="tel" name="" placeholder="请输入用量" lay-verify="required|phone" autocomplete="off"
                       class="layui-input">
            </div>

        </div>



</div>
</form>
</body>
<script>
    layui.use('upload', function () {
        var upload = layui.upload;

        //执行实例
        var uploadInst = upload.render({
            elem: '#test1' //绑定元素
            , url: '/upload/' //上传接口
            , done: function (res) {
                //上传完毕回调
            }
            , error: function () {
                //请求异常回调
            }
        });
    });
</script>
</html>
